
import { async } from '../../lib/runtime/runtime.js';
import {request} from '../../request/index.js'
// 引入SDK核心类
var QQMapWX = require('../../lib/map/qqmap-wx-jssdk.js');
 
// 实例化API核心类
var qqmapsdk = new QQMapWX({
    key: 'M4YBZ-BJTCJ-M62FJ-F2N4C-RY555-3RFQC' // 必填
});
Page({

  /**
   * 页面的初始数据
   */
  data: {
    pages:"/store/store_page/name",
    storepage:[], 
    location:[],
    distance:[],
  },
  async getstorepage(){
    const result =  await request({
      url: '/store/selectPages'
    }) 
    console.log(result.data.list);
    this.setData({
      storepage :result.data.list
    })
    this.getDistance()

  
   },
   getDistance(){
     var storepage= this.data.storepage; 
    var _this = this;
    var loc = [];
    for (let i = 0; i < storepage.length; i++) {
      // 获取到店铺的经纬度
      const latitude = storepage[i].latitude;
      const longitude = storepage[i].longitude;
      loc.push({latitude,longitude})
    }
    _this.setData({ //设置并更新location数据
      location : loc
    })
      console.log(this.data.location);
      qqmapsdk.calculateDistance({
        to:loc,
        success:function(res){
          console.log(res);
          var res = res.result;
          var dis = [];
          for (var i = 0; i < res.elements.length; i++) {
          var  red =  res.elements[i].distance /1000; //转化为km
            dis.push(red.toFixed(1)); //将返回数据存入dis数组，
          }

          //在原来的storepage上架一个distance属性
          var new_arr = _this.data.storepage.map((item,index)=>{
            return Object.assign(item,{'distance':dis[index]})
          })
          console.log(new_arr);
          _this.setData({ //设置并更新distance数据
            storepage:new_arr
          });


          console.log(_this.data.distance);
        },fail: function(error) {
          console.error(error);
        }
      })
     

   },
   onclik_input(e){
     console.log(e);
   },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getstorepage()
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})